@import url(color.less);
#product {
  .baicaijia-title {
    overflow: hidden;
    ul {
      list-style: none;
      width: 1000px;
      height: 50px;
      padding: 0;
      li {
        float: left;
        >a {
          width: 100px;
          height: 50px;
          line-height: 50px;
          display: block;
          border: 1px solid @border-color;
          text-align: center;
          position: relative;
        }
        >a.haha {
          color:red;
          text-decoration: none;
        }
        >a.haha:before {
          content:"";
          width: 30px;
          height: 3px;
          background-color: #f00;
          display: block;
          position: absolute;
          bottom: 1px;
          left:50%;
          transform: translateX(-50%);
        }
      }
    }
  }
  > .product-list {
    > .media {
      > .media-left {
        > a {
          > img {
            width: 200px;
            height: 200px;
          }
        }
      }
      > .media-body {
        position: relative;
        > .normal-info {
          font-size: 18px;
          > .product-name {
            color: #333333;
            height: 45px;
            display: block;
            overflow: hidden;
          }
          > .product-price {
            color: red;
            >i {
              float: left;
            }
            >del {
              padding-left: 20px;
              color:gray;
            }
          }
        }
        > .other-info {
          font-size: 12px;
          color: #a1a1a1;
          width: 100%;
          >.coupon {
            float: left;
            border: 1px dashed red;
            padding: 5px;
            margin-top: 10px;
            >a {
              color: #f00;
            }
          }
          >.link {
            float: right;
            padding: 10px;
            background-color: red;
            font-size: 16px;
            color: #fff;
            border-radius: 5px;
            >a{
              color:white;
              text-decoration: none;
            }
          }

        }
        >.get {
          float: left;
          bottom: 30px;
          position: absolute;
        }
      }
    }
  }
}